<template>
    <div>
        <div class="ping" v-for="(v,i) in Fu" :key="i">
            <img src="images/ic_douban_pay.png" alt="">
            <div>
                <p>豆瓣</p>
                <span>{{v.created_at}}</span>
                <b>{{v.content}}</b>            
            </div>
        </div>
    </div>
</template>
<script>
export default {
    props:["Fu"]
}
</script>
<style  scoped>
    .ping{
        display: flex;
        height: 0.89rem;
        border-bottom: 0.01rem solid #e8e8e8;
        margin-bottom: 0.05rem;
    }
      .ping img{
          width: 0.24rem;
          height: 0.24rem;
          border-radius: 50%;
      }
      .ping>div{
          display: flex;
          flex-direction: column;
          margin-left: 0.05rem;
      }
       .ping>div b{
           display: -webkit-box;
            -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
       }
</style>